<div class='course-play' ng-controller='CoursePlayAudio'>
    <div class='am-slider am-slider-default'>
        <div class='ppt-guide' ng-click='remove_mask()'>
            <div class='box-hand'>
                <img src='../image/course/hand-left.png'>
                <img src='../image/course/hand-right.png'>
            </div>
            <div class='guide-text'>左右滑动可翻看ppt哦~</div>
        </div>
        <ul class='am-slides'>
            <li><img src='http://s.amazeui.org/media/i/demos/bing-1.jpg'></li>
        </ul>
        <div class='img-numb'>1</div>
    </div>
    <div class='box-audio'></div>
    <!-- <div class='box-audio'>
        <audio src="../plugin/AudioJS/demo_music.mp3" controls="controls"></audio>
    </div> -->
    <div class='get-share-code'>
        <div class='box-share am-g'>
            <div class='am-u-sm-12' ng-if='course.watch_score == 0'>
                <button class='am-btn am-btn-warning am-btn-block' ng-click='share_course()'>
                    生成我的邀请码
                </button>
            </div>
        </div>
        <div class='box-graduate am-g' ng-if='course.watch_score == 1'>
            <div class='am-u-sm-6'>
                <button class='am-btn am-btn-warning am-btn-block' ng-click='share_course()'>
                    生成我的邀请码
                </button>
            </div>
            <div class='am-u-sm-6'>
                <button class='am-btn am-btn-warning am-btn-block' ng-click='share_graduate()'>
                    生成我的毕业证
                </button>
            </div>
        </div>
    </div>
    <div class='course-info'>
        <div class='am-tabs normal-tabs' data-am-tabs>
            <ul class='am-tabs-nav am-nav am-nav-tabs am-avg-sm-2'>
                <li class='am-active'><a>章节</a></li>
                <li><a>辅助资料</a></li>
            </ul>

            <div class='am-tabs-bd'>
                <div class='am-tab-panel am-active chapter-list am-list'>
                    <li ng-repeat='chapter in chapters' ng-class='{"not-play" : chapter.can_listen == 0}'>
                        <div class='play_button' ng-click='play_chapter(chapter.number)' 
                            ng-if='chapter.can_listen == 1'></div>
                        <div class='number'>{{chapter.index_text}}&nbsp;&nbsp;&nbsp;{{chapter.time_text}}</div>
                        <div class='name'>{{chapter.name}}</div>
                    </li>
                </div>
                <div class='am-tab-panel am-list data-list'>
                    <li ng-repeat='attach in chapterAttach'>
                        <a href='{{attach.url}}'>{{attach.name}}</a>
                    </li>
                </div>
            </div>
        </div>
    </div>

    <div class='box-leave-msg'>
        <div class='title'>
            <div>精选留言</div>
            <hr>
        </div>
        <div class='send'>
            <span ng-click='write_leavemsg()'>写留言<i class='fa fa-pencil'></i></span>
        </div>
        <div class='list am-list'>
            <li ng-repeat='item in leaveMsgList'>
                <div class='comment am-g am-g-collapse'>
                    <div class='am-u-sm-2 headimg'>
                        <img ng-src='{{item.headimgurl}}'>
                    </div>
                    <div class='am-u-sm-10'>
                        <div class='info'>
                            <span class='nickname'>{{item.nickname}}</span>
                            <span class='good'><i class='fa fa-thumbs-o-up'></i>100</span>
                        </div>
                        <div class='content'>{{item.content}}</div>
                        <div class='time'>{{item.create_date}}</div>

                        <div class='reply' ng-if='item.res_content'>
                            <hr>
                            <div class='reply-info'>
                                <span class='nickname'>作者回复</span>
                                <span class='good'><i class='fa fa-thumbs-o-up'></i>100</span>
                            </div>
                            <div class='reply-content'>{{item.res_content}}</div>
                            <div class='reply-time'>{{item.res_create_date}}</div>
                        </div>
                    </div>
                </div>
            </li>
        </div>
    </div>
    
    <div class='gap' ng-if='!hasBuy' style='height: 100px;'></div>
    <div class='course-buy' ng-if='!hasBuy'>
        <button class='am-btn am-btn-warning btn-buy' ng-click='buy_course()'>
            立即购买
        </button>
    </div>
</div>